<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/.css">
</head>
<body>
    <!-- 页面 -->
    <main>
        <!-- 头部 -->
        <header>
            <!-- 导航 -->
            <nav>
            <a href=""><img src="img/logo.jpg" alt=""></a>
            <a href="">首页</a>
            <a href="">多平台下载</a>
            <a href="">视频介绍</a>
            <a href="">开发平台</a>
            <a href="">官方论坛</a>
            <div>
                <a href="">登陆网页版</a>
                   丨
                <a href="">注册</a>
            </div>
            </nav>
        </header>
        <!-- 主体 -->
        <section>
            <!-- 大图 -->
            <div class="bigimg">
            <a href="">
                <img src="img/轮播大图.jpg" alt="">
            </a>
            </div>
            <!-- 主体信息 --> 
            <section class="section1">
                <!-- 主体信息左 -->
            <article >
             <div>
                <a href="">
                    <img src="img/icon_1[1].png" alt="">
                </a> 
              <a href="" class="a1">
                  <p class="p1">
                      随心记录 随时同步
                  </p>
                  <p class="p2">
                      文字.手写.录音.拍照多种方式
                      支持任意附件格式，学习.工作.生活尽在掌握
                      云同步，一处记录，各终端查看

                  </p>
                </a>
             </div>
             <div>
                 <a href="">
                     <img src="img/icon_2[1].png" alt="">
                 </a>
                 <a href="" class="a1">
                     <p class="p1">
                         云端备份 安全可靠
                     </p>
                     <p class="p2">
                         从此不拍意外断电，电脑损坏，资料云端找回
                         手机遗失，珍贵照片不丢失，资料加密不外泄
                         网易出品，安全稳定
                     </p>
                 </a>
             </div>
             <div>
                 <a href="">
                     <img src="img/icon_3[1].png" alt="">
                 </a>
                 <a href="" class="a1">
                     <p class="p1"> 
                         为中国用户贴心设计
                     </p>
                     <p class="p2">
                         手写体验流畅，笔迹完美留存
                         微博、QQ账号都可以登陆
                         传邮件、发微博,分享变得很容易
                     </p>
                 </a>
             </div>
                
            </article>
            <!-- 主体相关信息 -->
            <aside>
                <div>
                    <a href="">
                        <img src="img/video[1].jpg" alt="">
                    </a>
                </div>
                <div>
                    <a href="">
                        <img src="img/widget_slide_8[1].jpg" alt="">
                    </a>
                </div>
                <div class="aside3">
                 <div class="nov1">
                     <p>
                         获奖展示
                     </p>
                    </div>
                     <div class="nov2">
                        <div>
                            <a href=""> 
                                <img src="img/award_2[1].png" alt="">
                                <p>360软件管家
                                    装机必备</p>
                        </a>
                    </div>
                       <div>
                        <a href="">
                            <img src="img/award_1[1].png" alt="">
                                 <p> App Store
                                    员工最爱</p>  
                        </a>
                       </div> 
                       <div>
                        <a href="">
                            <img src="img/award_4[1].png" alt="">
                           <p>联通wo+
                            创新应用奖</p> 
                        </a>
                       </div>
                        
                        
                     </div>
                 
                </div>
                <div class="aside4">
                   <div class="nov2">
                       <p>
                           产品动态
                       </p>
                       <a href="">了解更多>></a>
                   </div>
                   <div class="nov3">
                       <p>
                           iPhone 3.4.5，新增百度输入法，输入更为便捷，
                           欢迎 <a href="">立即试用！</a>
                       </p>
                       <p>
                        iPhone 3.4.5，新增百度输入法，输入更为便捷，
                        欢迎 <a href="">立即试用！</a>
                       </p>
                       <p>
                        iPhone 3.4.5，新增百度输入法，输入更为便捷，
                        欢迎 <a href="">立即试用！</a>
                       </p>
                       <p>
                        iPhone 3.4.5，新增百度输入法，输入更为便捷，
                        欢迎 <a href="">立即试用！</a>
                       </p>
                   </div>
                </div>
            </aside>
        </section>
        </section>
        <!-- 脚部 -->
        <footer>
            <div>
                <h4>关于有道</h4>
            <p>官方博客</p>
            <p>服务条款</p>
            <p>隐私协议</p>
            </div>
            <div>
                <h4>用户帮助</h4>
            <p>空间兑换</p>
            <p>公众平台</p>
            <p>意见反馈</p>
            <p>历史版本</p>
            <p>用户推荐</p>
            <p>帮助</p>
            </div>
            <div>
                <h4>关注我们</h4>
            <p>新浪微博</p>
            <p>网易微博</p>
            <p>腾讯微博</p>
            <p>人人网</p>
            </div>
            <div>
                <h4>联系我们</h4>
                <p>邮箱: ynotefankui@163.com</p>
                <p><sup>©</sup>2013网易公司</p>
            </div>
        </footer>
    </main>

    
</body>
</html>